<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="renderer" content="webkit">
    <title>文章列表</title>
    <link href="bootstrap-3.3.4-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="bootstrap-select-1.6.3-dist/css/bootstrap-select.min.css" rel="stylesheet" type="text/css">
    <!--link href="css/theme.css" rel="stylesheet" type="text/css"-->
    <!--link href="vendor/scrollpic/ScrollPic.css" rel="stylesheet" type="text/css"-->
    <link href="test-demo/horizontal-scrolling/hs.css" rel="stylesheet" type="text/css">

    <script src="js/jquery-1.11.2.min.js"></script>
    <script src="bootstrap-3.3.4-dist/js/bootstrap.js"></script>
    <script src="bootstrap-select-1.6.3-dist/js/bootstrap-select.js"></script>
    <script src="test-demo/horizontal-scrolling/hs1.js"></script>

    <!--script src="vendor/scrollpic/jquery.ScrollPic.js"></script-->

</head>
<body>
<h1>demo test</h1>
<div class="container">
  <div class="scroller scroller-left"><i class="glyphicon glyphicon-chevron-left"></i></div>
  <div class="scroller scroller-right"><i class="glyphicon glyphicon-chevron-right"></i></div>
  <div class="wrapper">
    <ul class="nav nav-tabs list" id="myTab">
      <li class="active"><a href="#home">Home</a></li>
      <li><a href="#profile">Profile</a></li>
      <li><a href="#messages">Messages</a></li>
      <li><a id="settings" href="#settings">Settings</a></li>
      <li><a href="#">Tab4</a></li>
      <li><a href="#">Tab5</a></li>
      <li><a href="#">Tab6</a></li>
      <li><a href="#">Tab7</a></li>
      <li><a href="#">Tab8</a></li>
      <li><a href="#">Tab9</a></li>
      <li><a href="#">Tab10</a></li>
      <li><a href="#">Tab11</a></li>
	  <li><a href="#">Tab12</a></li>
      <li><a href="#">Tab13</a></li>
      <li><a href="#">Tab14</a></li>
	  <li><a href="#">Tab15</a></li>
      <li><a href="#">Tab16</a></li>
      <li><a href="#">Tab17</a></li>
  </ul>
  </div>
</div>
<div id="last">
  <h1 id="end">End</h1>
</div>
</body>


